// 1.0 导入vue核心包
import Vue from 'vue';

// 2.0 导入App.vue的vue对象
import App from './App.vue';

// 3.0 将vue-router集成到这个项目中来
import vueRouter from 'vue-router';
// 3.0.1 将vueRouter对象绑定到Vue对象上
Vue.use(vueRouter);

// 3.0.2 导入路由规则对应的组件对象
import home from './components/Home.vue';
import shopcar from './components/shopcar/car.vue';
import newslist from './components/news/newslist.vue';
import newsinfo from './components/news/newsinfo.vue';

// 3.0.2 定义路由规则
var router1 = new vueRouter({
  //路由发生改变的时候动态添加和移除类名
  linkActiveClass: 'mui-active',
  routes: [
    //设置默认路径
    {path: '/',redirect:'/home'},
    {path: '/home', component: home},
    {path: '/shopcar', component: shopcar},
    {path: '/news/newslist', component: newslist}, //新闻资讯列表
    {path: '/news/newsinfo/:id', component: newsinfo} //新闻资讯详情

  ]
});

// 4.0使用mint-ui
// 导入mint-ui的css文件
import 'mint-ui/lib/style.min.css';
//导入
import mintui from 'mint-ui';
//在Vue中使用mintui 全局使用，其他的模块组件也可以使用
Vue.use(mintui);

//导入mui框架
import '../statics/mui/css/mui.css'
import '../statics/mui/css/mui.min'

// 6.0 导入一个当前系统的全局基本样式
import '../statics/css/site.css';

//将vue-resource绑定到vue中，在vue对象实例上注入一个$http对象就可以使用ajax方法了
import vueResource from 'vue-resource';
Vue.use(vueResource);

//导入格式化时间插件
import moment from 'moment';

Vue.filter('timeFormat', function (input, fmtstring) {
  //fmtstring用于接收timeFormat后面的值，需要过滤为什么格式的时间
  //使用moment插件来格式化时间
  return moment(input).format(fmtstring);
});

// 3.0 利用Vue对象进行解析渲染
new Vue({
  el: '#app',
  // 使用路由对象实例
  router: router1,
  // render:function(create){create(App)} //es5的写法
  render: c => c(App)  // es6的函数写法 =>：goes to
});